var expect = require("chai").expect;

module.exports = function (helpers) {
  var component = helpers.mount(require.resolve("./index"), {
    colors: ["red", "green", "blue"],
  });

  var liEls = component.el.querySelectorAll("li");

  helpers.triggerMouseEvent(liEls[0], "mouseover");
  expect(component.mouseOverColor).to.equal("red");

  helpers.triggerMouseEvent(liEls[1], "mouseover");
  expect(component.mouseOverColor).to.equal("green");

  helpers.triggerMouseEvent(liEls[2], "mouseover");
  expect(component.mouseOverColor).to.equal("blue");

  helpers.triggerMouseEvent(liEls[0], "mouseout");
  expect(component.mouseOutColor).to.equal("red");

  helpers.triggerMouseEvent(liEls[1], "mouseout");
  expect(component.mouseOutColor).to.equal("green");

  helpers.triggerMouseEvent(liEls[2], "mouseout");
  expect(component.mouseOutColor).to.equal("blue");
};
